@extends('layouts.app')

@section('content')
	<div data-options="region:'center',iconCls:'icon-ok'">
			<div class="main-content">
	            <div class="btn-toolbar list-toolbar">
	            	<div id="shili_tb1" class="easyui-window" closed="true">
	            		<h2 class="text-center mg_b36">治安保卫重点单位安防状况统计表（合计）</h2>
	                     <div class="chart_btns">
	                	 	<!--<button class="btn btn-default " id="btn4">省</button>
	                	 	<button class="btn btn-default " id="btn5">市</button>
	                	 	<button class="btn btn-default " id="btn6">区</button>-->
	                	 </div>
	                    <div id="main2" style="height:600px;width:900px;margin: 0 auto;"></div>
	            		
	            	</div>
	            	<script>
	            		$(function(){
                        	$("#showtab").click(function(){
	                        	$('#shili_tb1').window({
									title: "编辑",
									width:'900',
									height:'600',
									top:($(window).height() - 600) * 0.5,   
                					left:($(window).width() - 900) * 0.5,
									modal: true,
									closed: false,
									minimizable:false
								});
                        	})
							
							setTimeout(function(){
								console.log("表格数据");
								console.log(dw_data);
								var flag = 0;
								var count1 = 0; 
								var count2 = 0;
								var count3 = 0;
								for(var i=0;i<9;i++){
									if(typename.indexOf($("#shili_tb2 tbody tr").eq(0).find("td").eq(i+1).html()) != -1){
										console.log($("#shili_tb2 tbody tr").eq(0).find("td").eq(i+1).html());
										for(var j=0;j<5;j++){
											$("#shili_tb2 tbody tr").eq(j+1).find("td").eq(i+1).find("input").val(dw_data[flag].data[j]);
											if(i == 8 && j == 4){
												//横向统计
												for(var k=0;k<5;k++){
													for(var w=0;w<9;w++){
														if($("#shili_tb2 tbody tr").eq(k+1).find("td").eq(w+1).find("input").val() != ''){
															console.log($("#shili_tb2 tbody tr").eq(k+1).find("td").eq(w+1).find("input").val());
															count1 += parseInt($("#shili_tb2 tbody tr").eq(k+1).find("td").eq(w+1).find("input").val());
															$("#shili_tb2 tbody tr").eq(k+1).find("td").eq(10).find("input").val(count1);
														}
													}
													count1 = 0;
												}
												//纵向统计
												for(var x=0;x<9;x++){
													for(var y=0;y<5;y++){
														if($("#shili_tb2 tbody tr").eq(y+1).find("td").eq(x+1).find("input").val() != ''){
															console.log($("#shili_tb2 tbody tr").eq(y+1).find("td").eq(x+1).find("input").val());
															count2 += parseInt($("#shili_tb2 tbody tr").eq(y+1).find("td").eq(x+1).find("input").val());
															$("#shili_tb2 tbody tr").eq(6).find("td").eq(x+1).find("input").val(count2);
														}
													}
													count2 = 0;
												}
												//总计统计
												for(var c=0;c<5;c++){
													if($("#shili_tb2 tbody tr").eq(c+1).find("td").eq(10).find("input").val() != ''){
														console.log($("#shili_tb2 tbody tr").eq(c+1).find("td").eq(10).find("input").val());
														count3 +=parseInt($("#shili_tb2 tbody tr").eq(c+1).find("td").eq(10).find("input").val());
													}
													$("#shili_tb2 tbody tr").eq(6).find("td").eq(10).find("input").val(count3);
												}
												
											}
										}
										flag++;
									}
								}
							},600)
							
						                        	
	            		})
                        </script>
	                <div class="form-all mg_t100" id="shili_tb2">
	                	<!--<h2 class="text-center mg_b36">治安保卫重点单位安防状况统计表（总数）</h2>
	                	 <div class="chart_btns">
	                	 	<button class="btn btn-default " id="btn1">省</button>
	                	 	<button class="btn btn-default " id="btn2">市</button>
	                	 	<button class="btn btn-default " id="btn3">区</button>
	                	 </div>
	                    <div id="main" style="height:600px;width:1200px;margin: 0 auto;"></div>-->
	                    <button class="btn btn-default " id="showtab">查看统计图</button>
	                    <table class="table-form table-border w mg-auto tongjitu_tb" style="margin-top: 30px;">
							<thead>
								<tr>
									<th colspan="11">治安保卫重点单位安防状况统计表</th>
								</tr>
							</thead>
							<tbody>
								<tr class="thead">
									<td>&nbsp;&nbsp;&nbsp;&nbsp;行业类别<br />隐患类别</td>
									<td width="9%">党政机关</td>
									<td width="9%">卫生系统</td>
									<td width="9%">高校</td>
									<td width="9%">商场超市</td>
									<td width="9%">中小学幼儿园</td>
									<td width="9%">银行/金融机构</td>
									<td width="9%">水电油气单位</td>
									<td width="9%">重点工程</td>
									<td width="9%">其他单位</td>
									<td width="9%">合计</td>
								</tr>
								<tr>
									<td>制度防范</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>人防</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>物防</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>技防</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>保安服务</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>总数</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>环比情况</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
								<tr>
									<td>同比情况</td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
									<td><input type="text" disabled/></td>
								</tr>
							</tbody>
						</table>
	              </div>
	              <!--<div class="pull-left col-md-6">
	              		 <h2 class="text-center mg_b36">环比情况</h2>
	                    <div class="chart_btns">
	                	 	<button class="btn btn-default " id="btn7">省</button>
	                	 	<button class="btn btn-default " id="btn8">市</button>
	                	 	<button class="btn btn-default " id="btn9">区</button>
	                	 </div>
	                	 <div id="main3" style="height:600px;width:100%;margin: 0 auto;"></div>
	                	
	              </div>
	              <div class="pull-right col-md-6">
              		    <h2 class="text-center mg_b36">同比情况</h2>
	                    <div class="chart_btns">
	                	 	<button class="btn btn-default " id="btn10">省</button>
	                	 	<button class="btn btn-default " id="btn11">市</button>
	                	 	<button class="btn btn-default " id="btn12">区</button>
	                	 </div>
	                	 <div id="main4" style="height:600px;width:100%;margin: 0 auto;"></div>
	              </div>-->
	            </div>
	        </div>
		</div>



<script src="{{ URL::asset('/') }}build/dist/echarts.js"></script>
<script src="{{ URL::asset('/') }}/build/zhuti.js"></script>

<script type="text/javascript">
	
	/*var myChart1 = echarts.init(document.getElementById('main'),'zhuti');
	var dwData1 = [
					{"quju":"制度防范","dt":[17, 15, 5, 18, 9, 3,11,18,21]},
					{"quju":"人防","dt":[12, 18, 13, 14,16, 19,11,11,11]},
					{"quju":"物防","dt":[24, 12, 18, 13, 14, 18,13,12,13]},
					{"quju":"技防","dt":[32, 17, 13, 12, 14, 16,12,14,14]},
					{"quju":"保安服务","dt":[11, 15, 17, 19, 12, 14,12,12,16]},
					
				];
	var dwData2 = [
					{"quju":"制度防范","dt":[17, 15, 5, 18, 9, 3,14,11,21]},
					{"quju":"人防","dt":[16, 18, 12, 14,16, 9,11,15,11]},
					{"quju":"物防","dt":[14, 13, 13, 13, 14, 8,11,14,14]},
					{"quju":"技防","dt":[12, 12, 14, 12, 14, 6,16,28,21]},
					{"quju":"保安服务","dt":[11, 11, 21, 12, 12, 4,16,14,25]},
				];
	var dwData3 = [
					{"quju":"制度防范","dt":[27, 15, 5, 11, 9, 13,11,18,22]},
					{"quju":"人防","dt":[26, 18, 13, 15,16, 19,21,18,21]},
					{"quju":"物防","dt":[24, 22, 18, 15, 14, 28,15,15,25]},
					{"quju":"技防","dt":[12, 17, 13, 15, 14, 26,11,11,24]},
					{"quju":"保安服务","dt":[11, 15, 27, 19, 12, 24,12,14,16]},
				];
				var dwData = dwData1;
				tb1(dwData);
				$("#btn1").click(function(){
					myChart1.clear();
					var dwData = dwData1;
					option = {};
					tb1(dwData);
					myChart1.setOption(option);
				})
				$("#btn2").click(function(){
					myChart1.clear();
					var dwData = dwData2;
					option = {};
					tb1(dwData);
					myChart1.setOption(option);
				})
				$("#btn3").click(function(){
					myChart1.clear();
					var dwData = dwData3;
					option = {};
					tb1(dwData);
					myChart1.setOption(option);
				})
	 var dwData = dwData1;
	 tb1(dwData);
	 function ooName(dwData){
			var data = [];
			for(var w=0;w<dwData.length;w++){
				data.push(dwData[w].quju);
			}
			return data;
		};
		ooName(dwData);
		
	function count1(dwData){
		var darr = [];
		var count = '';
		for(var w=0;w<dwData[0].dt.length;w++){
			
			for(var c1=0;c1<dwData.length;c1++){
				count = count + dwData[c1].dt[w]-0;
			}
			darr[w] = count;
			count = 0;
		}
		return darr;
	};
	function oodata(dwData){
		var ddata = [];
		for(var d=0;d<dwData.length;d++){
			var cache = {name:dwData[d].quju,type:'bar',stack: '数据',data:dwData[d].dt,barWidth : 50}
			ddata.push(cache);
		}
		ddata.push({name:'总数',type:'bar',stack: '数据',itemStyle:{normal:{opacity: 0}},data:count1(dwData)})
		return ddata;
		}	
		oodata(dwData);
	 function tb1(dwData){
	 	option = {
	    tooltip : {
	        trigger: 'axis',
	        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
	            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
	        }
	    },
	    legend: {
	        data:ooName(dwData)
	    },
	    grid: {
	        left: '3%',
	        right: '4%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis : [
	        {
	            type : 'category',
	            data : ['党政机关','卫生、医疗系统','高校','中小学幼儿园','商场超市','银行、金融机构','水电油气单位','重点工程','其他单位']
	        }
	    ],
	    yAxis : [
	        {
	            type : 'value',
	            max:200      //最大值
	        }
	    ],
	    series : oodata(dwData)
	 	};
 			
		// 使用刚指定的配置项和数据显示图表。
	    myChart1.setOption(option);
	 }
 	*/
</script>
<script type="text/javascript">
	
	var myChart2 = echarts.init(document.getElementById('main2'),'zhuti');
	var dwData4 = [
					{"quju":"制度防范","dt":[17, 15, 5, 18, 9, 3,11,18,21]},
					{"quju":"人防","dt":[12, 18, 13, 14,16, 19,11,11,11]},
					{"quju":"物防","dt":[24, 12, 18, 13, 14, 18,13,12,13]},
					{"quju":"技防","dt":[32, 17, 13, 12, 14, 16,12,14,14]},
					{"quju":"保安服务","dt":[11, 15, 17, 19, 12, 14,12,12,16]},
					
				];
	var dwData5 = [
					{"quju":"制度防范","dt":[17, 15, 5, 18, 9, 3,14,11,21]},
					{"quju":"人防","dt":[16, 18, 12, 14,16, 9,11,15,11]},
					{"quju":"物防","dt":[14, 13, 13, 13, 14, 8,11,14,14]},
					{"quju":"技防","dt":[12, 12, 14, 12, 14, 6,16,28,21]},
					{"quju":"保安服务","dt":[11, 11, 21, 12, 12, 4,16,14,25]},
				];
	var dwData6 = [
					{"quju":"制度防范","dt":[27, 15, 5, 11, 9, 13,11,18,22]},
					{"quju":"人防","dt":[26, 18, 13, 15,16, 19,21,18,21]},
					{"quju":"物防","dt":[24, 22, 18, 15, 14, 28,15,15,25]},
					{"quju":"技防","dt":[12, 17, 13, 15, 14, 26,11,11,24]},
					{"quju":"保安服务","dt":[11, 15, 27, 19, 12, 24,12,14,16]},
				];
				
		//ajax请求数据
		var typename = [];
		var dw_data = [];
		$.ajax({
			type:"post",
			url:"{{url('admin/tj/zddwajax')}}",
			data: { '_token':'{{csrf_token()}}'},
			async:true,
			dateType: 'json',
            success : function(data){
            	var obj = jQuery.parseJSON(data);
        		console.log(obj);
        		typename = [];
        		for(var i=0;i<obj.af.length;i++){
        			typename.push(obj.af[i].typename);
        		}
        		var dzjg = [];
				for(var i=0;i<obj.af.length;i++){
					dzjg.push([obj.af[i].zd , obj.af[i].rf , obj.af[i].wf , obj.af[i].jf , obj.af[i].ba])
				}
				console.log("dzjg");
				console.log(dzjg);
        		for(var i=0;i<obj.af.length;i++){
        			dw_data.push({name:typename[i], type:'bar', stack: '数据', barWidth : 50, data:dzjg[i]})
        		}
        		console.log("dw_data前");
        		console.log(dw_data);
        		var cache_data = dw_data;
        		setTimeout(function(){
        			dw_data.push({name:'总数',type:'bar',stack: '数据',itemStyle:{normal:{opacity: 0}},data:count1(cache_data)})
        			console.log("dw_data后");
        			console.log(dw_data);
	        		myChart2.clear();
					option = {};
					tb2();
					myChart2.setOption(option);
        		},500)
            }
		});
	// 统计当前区域所有类型的总和
    function count1(dwData){
        var darr = [0,0,0,0,0];
        var count = 0;
        for(var i=0;i<dwData.length;i++){

            for(var j=0;j<dwData[i].data.length;j++){
                darr[j] += parseInt(dwData[i].data[j]);
            }
        }
        return darr;
    }
	
	
	
 	function tb2(){
 		
 		function dzjg(dwData,ind){
        	var dz = [];
        	for(var d=0;d<dwData.length;d++){
        		dz.push(dwData[d].dt[ind]);
        	}
        	return dz;
        }
 		
 		
 			option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
    	 data : typename
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data:['制度防范','人防','物防','技防','保安服务']
        }
    ],
    yAxis : [
        {
            type : 'value',
            max:200      //最大值
        }
    ],
    series : dw_data
 			};
		function count2(dwData){
						var darr = [];
						var count = 0;
						for(var w=0;w<dwData.length;w++){
							
							for(var c1=0;c1<dwData[0].dt.length;c1++){
								count = count + dwData[w].dt[c1]-0;
							}
							darr[w] = count;
							count = 0;
						}
						return darr;
					};
	// 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option);
}
 	
</script>
<script type="text/javascript">
	/*var myChart3 = echarts.init(document.getElementById('main3'),'zhuti');
	var dwData7 = [
					{"name":"7月","dt":[50, 60, 55, 77, 28, 33, 44, 36, 50]},
					{"name":"8月","dt":[56, 68, 53, 76, 35, 26, 52, 44, 41]},
					
				];
	var dwData8 = [
					{"name":"7月","dt":[20, 20, 25, 75, 48, 53, 34, 26, 40]},
					{"name":"8月","dt":[36, 18, 13, 62, 45, 56, 32, 34, 31]},
	];
	var dwData9 = [
					{"name":"7月","dt":[20, 50, 45, 67, 68, 63, 64, 36, 50]},
					{"name":"8月","dt":[16, 48, 43, 66, 65, 66, 62, 44, 41]},
	];
	var dwData = dwData7;
	$("#btn7").click(function(){
		myChart3.clear();
		var dwData = dwData7;
		option = {};
		tb3(dwData);
		myChart3.setOption(option);
	})
	$("#btn8").click(function(){
		myChart3.clear();
		var dwData = dwData8;
		option = {};
		tb3(dwData);
		myChart3.setOption(option);
	})
	$("#btn9").click(function(){
		myChart3.clear();
		var dwData = dwData9;
		option = {};
		tb3(dwData);
		myChart3.setOption(option);
	})
	tb3(dwData);
	function ooName3(dwData){
			var data = [];
			for(var w=0;w<dwData.length;w++){
				data.push(dwData[w].name);
			}
			return data;
		};
		console.log(ooName3(dwData));
	function tb3(dwData){
	option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
    	show : false,
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
        data:ooName3(dwData)
    },
    xAxis: [
        {
            type: 'category',
            data: ['党政机关','卫生、医疗系统','高校','中小学幼儿园','商场超市','银行、金融机构','水电油气单位','重点工程','其他单位'],
            axisPointer: {
                type: 'shadow'
            },
              axisLabel:{
            	 minInterval:0 ,
            	interval:0,
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '数量',
            min: 0,
            max: 150,
            interval: 50,
            axisLabel: {
                formatter: '{value}',
                textStyle:{
                	color:'red'
                }
            }
        },
        {
            type: 'value',
            name: '增长率',
            min: -100,
            max: 100,
            interval: 50,
            axisLabel: {
                formatter: '{value}% ',
                textStyle:{
                	color:'#66ccff'
                }
            }
        }
    ],
    series: [
        {
            name:dwData[0].name,
            type:'bar',
            data:dwData[0].dt
        },
        {
            name:dwData[1].name,
            type:'bar',
            data:dwData[1].dt
        },
        {
            name:"增长率",
            type:'line',
            yAxisIndex: 1,
           data:zzl(dwData)
        }
    ]
};
 function zzl(dwData){
 	var data = []
 	for(var w = 0 ;w<dwData[0].dt.length;w++){
 		data.push( (dwData[1].dt[w]-dwData[0].dt[w])/dwData[0].dt[w]*100);
 	}
 	 console.log(data);
 	 return(data);
 }
 
// 使用刚指定的配置项和数据显示图表。
    myChart3.setOption(option);
	}*/
</script>
<script type="text/javascript">
	/*var myChart4 = echarts.init(document.getElementById('main4'),'zhuti');
	var dwData10 = [
					{"name":"去年8月","dt":[50, 60, 55, 77, 28, 33, 44, 36, 50]},
					{"name":"8月","dt":[56, 68, 53, 76, 35, 26, 52, 44, 41]},
					
				];
	var dwData11 = [
					{"name":"去年8月","dt":[20, 20, 25, 75, 48, 53, 34, 26, 40]},
					{"name":"8月","dt":[36, 18, 13, 62, 45, 56, 32, 34, 31]},
	];
	var dwData12 = [
					{"name":"去年8月","dt":[20, 50, 45, 67, 68, 63, 64, 36, 50]},
					{"name":"8月","dt":[16, 48, 43, 66, 65, 66, 62, 44, 41]},
	];
	var dwData = dwData10;
	$("#btn10").click(function(){
		myChart4.clear();
		var dwData = dwData10;
		option = {};
		tb4(dwData);
		myChart4.setOption(option);
	})
	$("#btn11").click(function(){
		myChart4.clear();
		var dwData = dwData11;
		option = {};
		tb4(dwData);
		myChart4.setOption(option);
	})
	$("#btn12").click(function(){
		myChart4.clear();
		var dwData = dwData12;
		option = {};
		tb4(dwData);
		myChart4.setOption(option);
	})
	tb4(dwData);
	function ooName4(dwData){
			var data = [];
			for(var w=0;w<dwData.length;w++){
				data.push(dwData[w].name);
			}
			return data;
		};
		console.log(ooName4(dwData));
	function tb4(dwData){
	option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
    	show : false,
        feature: {
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar']},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    legend: {
        data:ooName4(dwData)
    },
    xAxis: [
        {
            type: 'category',
            data: ['党政机关','卫生、医疗系统','高校','中小学幼儿园','商场超市','银行、金融机构','水电油气单位','重点工程','其他单位'],
            axisPointer: {
                type: 'shadow'
            },
            axisLabel:{
            	 minInterval:0 ,
            	interval:0,
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '数量',
            min: 0,
            max: 150,
            interval: 50,
            axisLabel: {
                formatter: '{value}',
                textStyle:{
                	color:'red'
                }
            }
        },
        {
            type: 'value',
            name: '增长率',
            min: -100,
            max: 100,
            interval: 50,
            axisLabel: {
                formatter: '{value}% ',
                textStyle:{
                	color:'#66ccff'
                }
            }
        }
    ],
    series: [
        {
            name:dwData[0].name,
            type:'bar',
            data:dwData[0].dt
        },
        {
            name:dwData[1].name,
            type:'bar',
            data:dwData[1].dt
        },
        {
            name:"增长率",
            type:'line',
            yAxisIndex: 1,
           data:zzl(dwData)
        }
    ]
};
 function zzl(dwData){
 	var data = []
 	for(var w = 0 ;w<dwData[0].dt.length;w++){
 		data.push( (dwData[1].dt[w]-dwData[0].dt[w])/dwData[0].dt[w]*100);
 	}
 	 console.log(data);
 	 return(data);
 }
 
// 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);
	}*/
</script>

@stop